@charset "utf-8";
*{
	margin: 0px;
	padding: 0px;
	box-sizing:border-box;
	font-family: "微软雅黑";
}
body{
	font-family: "微软雅黑";
	background:#efefef;
}
li,ul,ol{
	list-style: none;
}
a{
	text-decoration: none;
}
@font-face {
  font-family: 'iconfont';  /* project id 210055 */
  src: url('http://at.alicdn.com/t/font_0ocmizxlxazcl3di.eot');
  src: url('http://at.alicdn.com/t/font_0ocmizxlxazcl3di.eot?#iefix') format('embedded-opentype'),
  url('http://at.alicdn.com/t/font_0ocmizxlxazcl3di.woff') format('woff'),
  url('http://at.alicdn.com/t/font_0ocmizxlxazcl3di.ttf') format('truetype'),
  url('http://at.alicdn.com/t/font_0ocmizxlxazcl3di.svg#iconfont') format('svg');
}
/*//头部*/
.integral_header{
	background:#f9fafd;	
	height: 2.75rem;
	display: flex;
	z-index: 3;
	position: fixed;
	top: 0;
	width: 16rem;
	align-items:center;
	justify-content:space-between;
	padding: 0 .2rem;
	border-bottom:#e0e0e0 1px solid;
}
.integral_header a{
	font-family: 'iconfont';
	color:#999999;
	font-size: 1.2rem;
	font-weight: bold;
}
.integral_header .integral_title{
	font-size: .75rem;
	font-weight: bold;
}
/*积分动画*/
.integral_jf{
	margin-top: 2.75rem;
	height: 8.25rem;
	width: 16rem;
	display: flex;
	background: #fff;
	justify-content:center;
	align-items:center;
	border-bottom: 1px #e0e0e0 solid;
}
.wrap{
	width: 6.8rem;
	height: 6.8rem;
	position: relative;
	background: #fff;
}
.wrap_content{
	background:#fff;
	position:absolute;
	top: 1.25rem;
	left: 1.25rem;
	width: 4.3rem;
	height: 4.3rem;
	border-radius: 50%;
	color: #999999;
	font-size: .7rem;
	z-index: 2;
	display: flex;
	align-items:center;
	flex-flow:column wrap;
	justify-content:center;
}
.box1{
	width: 6.8rem;
	height: 6.8rem;
	border-top:1.05rem solid #ddd;
	border-bottom: 1.05rem solid transparent;
	border-right: 1.05rem solid transparent;
	border-left: 1.05rem solid #ddd;
	border-top-left-radius:50%;
	border-top-right-radius: 50%;
	border-bottom-right-radius: 50%;
	border-bottom-left-radius: 50%;
	transform:rotate(-45deg);
	animation:boxmove .5s linear forwards;
}
	@keyframes boxmove{
		100%{
			transform:rotate(135deg);
		}
	}
.box2{
	width: 4.7rem;
	height: 4.7rem;
	border-top:1.05rem solid #c7c7c7;
	border-bottom: 1.05rem solid transparent;
	border-right: 1.05rem solid transparent;
	border-left: 1.05rem solid #c7c7c7;
	border-top-left-radius:50%;
	border-top-right-radius: 50%;
	border-bottom-right-radius: 50%;
	border-bottom-left-radius: 50%;
}
.box3{
	position: absolute;
	top: 0;
	width: 6.8rem;
	height: 6.8rem;
	border-top:1.05rem solid #ddd;
	border-bottom: 1.05rem solid transparent;
	border-right: 1.05rem solid transparent;
	border-left: 1.05rem solid #ddd;
	border-top-left-radius:50%;
	border-top-right-radius: 50%;
	border-bottom-right-radius: 50%;
	border-bottom-left-radius: 50%;
	transform:rotate(-45deg);
	animation:box1move 1s linear forwards;
}
	@keyframes box1move{
		100%{
			transform:rotate(315deg);
		}
	}
.box4{
	width: 4.7rem;
	height: 4.7rem;
	border-top:1.05rem solid #c7c7c7;
	border-bottom: 1.05rem solid transparent;
	border-right: 1.05rem solid transparent;
	border-left: 1.05rem solid #c7c7c7;
	border-top-left-radius:50%;
	border-top-right-radius: 50%;
	border-bottom-right-radius: 50%;
	border-bottom-left-radius: 50%;
}
.shelter{
	width: 3.4rem;
	height: 6.8rem;
	position:absolute;
	top: 0;
	background: #fff;
	z-index: 2;
	animation:shelter .5s linear forwards;
}
@keyframes shelter{
		100%{
			visibility: hidden;
		}
	}
/*积分明细*/
.integral_menu{
	display: flex;
	width: 16rem;
	background:#fff;
	margin-bottom: .3rem;
}
.integral_menu li a{
	width: 5.332rem;
	height: 3.4rem;
	display: flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}
.integral_menu li p{
	font-size: .6rem;
	color:#999;
	padding-top: .4rem;
}
.integral_menu li:nth-of-type(2){
	border-right: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
}
.integral_menu .integral_top{
	width: 1.2rem;
	height:1.2rem;
	background: url("../img/下载 (5).png");
	background-size: 1.2rem;
}
.integral_menu li:nth-of-type(1) div{
	background-image: url("");
}
.integral_menu li:nth-of-type(2) div{
	background-image: url("");
}
.integral_menu li:nth-of-type(3) div{
	background-image: url("");
}
.integral_commodity{
	display: flex;
	justify-content:space-between;
	flex-flow:row wrap;
}
.integral_commodity li{
	width: 8rem;
	height:7.49rem;
	background: #fff;
	border-bottom: 1px solid #e0e0e0;
	display: flex;
	align-items:center;
	flex-flow:row wrap;	
}
.integral_commodity li:nth-of-type(2n+1){
	border-right: 1px solid #e0e0e0;
}
.integral_img{
	width: 8rem;
	height: 3.84rem;
	background: url("http://img01.bqstatic.com//upload/activity/201612191435563.jpg@300w_300h_90Q.jpg") no-repeat;
	background-size: 8rem 3.84rem;
}
.integral_p1{
	font-size:.65rem;
	padding-left: .4rem;
	width: 8rem;
}
.integral_p2{
	width: 8rem;
	font-size:.65rem;
	padding-left: .4rem;
	color: #e64f1a;
}